<div  class="content-byc" ng-controller="AppCreateInTabCtrl">
    <div class="wrapper-md">
        <button class="btn btn-info pull-right" style="float: right" ng-click="goBack()" tabindex="0">
            <i class="fa fa-reply"></i> 返回
        </button>
        <tabset class="tab-container">
            <tab  select="getData()" ng-controller="appLiuCtrl" active="isappLiu">
                <tab-heading class="tab-heading-style">
                    应用构建流程
                </tab-heading>
                <div class="row pad-10" style="padding: 10px;">
                    <div class="col-md-12 app-first-top">
                        <div class="search-content" style="border: 0px;">
                            <div class="form-group">
                                <label class="control-label">应用名称：</label>
                                {{appName}}
                                <!--<input type="name" ng-model="searchByName" class="form-control input-sm" placeholder="" aria-controls="DataTables_Table_3">-->
                            </div>
                            <div class="form-group">
                                <label class="control-label">类型：</label>
                                <select class="form-control" ng-change="change(x)" ng-model="x" ng-init="x='0'">
                                    <option value="0">仓库源码</option>
                                    <option value="1">War包</option>
                                    <option value="2">镜像</option>
                                </select>
                            </div>
                            <button class="btn btn-primary w-xs m-r" style="float: right" ng-click="start($event,0)">立即构建</button>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <ul class="list-unstyled" >
                            <li class="list-li" ng-show="firstLi">
                                <div class="col-sm-4 app-p">
                                    <div class="col-sm-9 app-p">
                                        <div class="panel panel-default" style="margin-bottom: 20px;">
                                            <div class="col-sm-3 app-p font-p">
                                                <div class="panel-heading app-first-left">
                                                    <p style="margin-top: 10px;" ng-bind="warehouseState"></p>
                                                </div>
                                            </div>
                                            <div class="col-sm-9 app-p">
                                                <div class="panel-detail">
                                                    <div class="col-sm-12 font-p top-img-div">
                                                        <span>名称：</span><span>仓库源码</span>
                                                    </div>
                                                    <div class="col-sm-12 font-p top-img-div">
                                                        <span>仓库类型：</span><span ng-bind="wareHouseType"></span>
                                                    </div>
                                                    <div class="col-sm-12 font-p top-img-div">
                                                        <span>地址：</span><span title="{{addr}}" ng-bind="addr | limitTo :23"></span>
                                                    </div>
                                                    <div class="col-sm-12 font-p top-img-div">
                                                        <span>分支：</span><span ng-bind="fenZhi | limitTo :23"></span>
                                                    </div>
                                                    <div class="col-sm-12 app-p app-button">
                                                        <!--<button class="btn btn-default font-p" style="height: 30px;" ng-click="start($event,1)">启动</button>-->
                                                        <!--<button class="btn btn-default font-p" style="height: 30px;display: none">停止</button>-->
                                                        <!--<button class="btn btn-default font-p" style="height: 30px;">执行记录</button>-->
                                                        <button class="btn btn-default font-p" style="height: 30px;" ng-click="updateFirst()">编辑项目</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3 app-arrow">
                                        <!--<div style="margin-bottom: 20px;">
                                            <button class="btn btn-default font-p" style="height: 30px;">提取文件</button>
                                        </div>-->
                                        <div>
                                            <img src="/statics/img/app_arrow.png" style="width: 25px;">
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="list-li" ng-show="secondLi">
                                <div class="col-sm-4 app-p">
                                    <div class="col-sm-9 app-p">
                                        <div class="panel panel-default" style="margin-bottom: 20px;">
                                            <div class="col-sm-3 app-p font-p">
                                                <div class="panel-heading app-first-left">
                                                    <p style="margin-top: 10px;" ng-bind="analyseState"></p>
                                                </div>
                                            </div>
                                            <div class="col-sm-9 app-p">
                                                <div class="panel-detail">
                                                    <div class="col-sm-12 font-p top-img-div">
                                                        <span>名称：</span><span>源码分析</span>
                                                        <img src="/statics/img/delete.png" class="delete-img" ng-click="deleteTwo()">
                                                    </div>
                                                    <div class="col-sm-12 font-p" >
                                                        <img src="/statics/img/sonar.png">
                                                    </div>
                                                    <div class="col-sm-12 app-p app-button">
                                                        <!--<button class="btn btn-default font-p" style="height: 30px;" ng-click="start($event,2)">启动</button>-->
                                                        <!--<button class="btn btn-default font-p" style="height: 30px;display: none;">停止</button>-->
                                                        <!--<button class="btn btn-default font-p" style="height: 30px;">执行记录</button>-->
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3 app-arrow">
                                        <!--<div style="margin-bottom: 20px;">
                                            <button class="btn btn-default font-p" style="height: 30px;">提取文件</button>
                                        </div>-->
                                        <div>
                                            <img src="/statics/img/app_arrow.png" style="width: 25px;">
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="list-li" ng-show="threeLi">
                                <div class="col-sm-4 app-p">
                                    <div class="col-sm-9 app-p">
                                        <div class="panel panel-default" style="margin-bottom: 20px;">
                                            <div class="col-sm-3 app-p font-p">
                                                <div class="panel-heading app-first-left">
                                                    <p style="margin-top: 10px;" ng-bind="warState"></p>
                                                </div>
                                            </div>
                                            <div class="col-sm-9 app-p">
                                                <div class="panel-detail">
                                                    <div class="col-sm-12 font-p top-img-div">
                                                        <span>名称：</span><span>代码编译</span>
                                                    </div>
                                                    <div class="col-sm-12 text-center">
                                                        <img src="/statics/img/compile.png" style="width:96px;">
                                                    </div>
                                                    <div class="col-sm-12 app-p app-button">
                                                        <!--<button class="btn btn-default font-p" style="height: 30px;" ng-click="start($event,3)">启动</button>-->
                                                        <button class="btn btn-default font-p" style="height: 30px;display: none;">停止</button>
                                                        <button class="btn btn-default font-p" style="float:right;height: 30px;" ng-click="showLog(3)">执行记录</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3 app-arrow">
                                        <!--<div style="margin-bottom: 20px;">
                                            <button class="btn btn-default font-p" style="height: 30px;">提取文件</button>
                                        </div>-->
                                        <div>
                                            <img src="/statics/img/app_arrow.png" style="width: 25px;">
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="list-li" ng-show="threeLi_war">
                                <div class="col-sm-4 app-p">
                                    <div class="col-sm-9 app-p">
                                        <div class="panel panel-default" style="margin-bottom: 20px;">
                                            <div class="col-sm-3 app-p font-p">
                                                <div class="panel-heading app-first-left">
                                                    <p style="margin-top: 10px;" ng-bind="warState_fu"></p>
                                                </div>
                                            </div>
                                            <div class="col-sm-9 app-p">
                                                <div class="panel-detail">
                                                    <div class="col-sm-12 font-p top-img-div">
                                                        <span>名称：</span><span>源码编辑</span>
                                                    </div>
                                                    <div class="col-sm-12 font-p top-img-div">
                                                    </div>
                                                    <div class="col-sm-12 font-p top-img-div">
                                                    </div>
                                                    <div class="col-sm-12 font-p top-img-div">
                                                    </div>
                                                    <div class="col-sm-12 app-p app-button">
                                                        <button class="btn btn-default font-p" style="height: 30px;" ng-click="start($event,4)">启动</button>
                                                        <button class="btn btn-default font-p" style="height: 30px;display: none;">停止</button>
                                                        <button class="btn btn-default font-p" style="height: 30px;">执行记录</button>
                                                        <button class="btn btn-default font-p" style="height: 30px;" ng-click="updateThree()">编辑项目</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3 app-arrow">
                                       <!-- <div style="margin-bottom: 20px;">
                                            <button class="btn btn-default font-p" style="height: 30px;">提取文件</button>
                                        </div>-->
                                        <div>
                                            <img src="/statics/img/app_arrow.png" style="width: 25px;">
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="list-li" ng-show="fourLi">
                                <div class="col-sm-4 app-p">
                                    <div class="col-sm-9 app-p">
                                        <div class="panel panel-default" style="margin-bottom: 20px;">
                                            <div class="col-sm-3 app-p font-p">
                                                <div class="panel-heading app-first-left">
                                                    <p style="margin-top: 10px;" ng-bind="makeState"></p>
                                                </div>
                                            </div>
                                            <div class="col-sm-9 app-p">
                                                <div class="panel-detail">
                                                    <div class="col-sm-12 font-p top-img-div">
                                                        <span>名称：</span><span>镜像制作</span>
                                                    </div>
                                                    <div class="col-sm-12 font-p">
                                                        <img src="/statics/img/docker.png" style="width: 150px;">
                                                    </div>
                                                    <div class="col-sm-12 app-p app-button">
                                                        <!--<button class="btn btn-default font-p" style="height: 30px;" ng-click="start($event,5)">启动</button>-->
                                                        <!--<button class="btn btn-default font-p" style="height: 30px;display: none;">停止</button>-->
                                                        <!--<button class="btn btn-default font-p" style="height: 30px;">执行记录</button>-->
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3 app-arrow">
                                        <!--<div style="margin-bottom: 20px;">
                                            <button class="btn btn-default font-p" style="height: 30px;">提取文件</button>
                                        </div>-->
                                        <div>
                                            <img src="/statics/img/app_arrow.png" style="width: 25px;">
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="list-li" ng-show="fourLi_img">
                                <div class="col-sm-4 app-p">
                                    <div class="col-sm-9 app-p">
                                        <div class="panel panel-default" style="margin-bottom: 20px;">
                                            <div class="col-sm-3 app-p font-p">
                                                <div class="panel-heading app-first-left">
                                                    <p style="margin-top: 10px;" ng-bind="makeState_fu"></p>
                                                </div>
                                            </div>
                                            <div class="col-sm-9 app-p">
                                                <div class="panel-detail">
                                                    <div class="col-sm-12 font-p top-img-div">
                                                        <span>名称：</span><span>镜像上传</span>
                                                    </div>
                                                    <div class="col-sm-12 font-p top-img-div">
                                                    </div>
                                                    <div class="col-sm-12 font-p top-img-div">
                                                    </div>
                                                    <div class="col-sm-12 font-p top-img-div">
                                                    </div>
                                                    <div class="col-sm-12 app-p app-button">
                                                        <button class="btn btn-default font-p" style="height: 30px;" ng-click="start($event,6)">启动</button>
                                                        <button class="btn btn-default font-p" style="height: 30px;display: none;">停止</button>
                                                        <button class="btn btn-default font-p" style="height: 30px;">执行记录</button>
                                                        <button class="btn btn-default font-p" style="height: 30px;" ng-click="updateFour()">编辑项目</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3 app-arrow">
                                        <!--<div style="margin-bottom: 20px;">
                                            <button class="btn btn-default font-p" style="height: 30px;">提取文件</button>
                                        </div>-->
                                        <div>
                                            <img src="/statics/img/app_arrow.png" style="width: 25px;">
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="list-li" ng-show="fiveLi">
                                <div class="col-sm-4 app-p">
                                    <div class="col-sm-9 app-p">
                                        <div class="panel panel-default" style="margin-bottom: 20px;">
                                            <div class="col-sm-3 app-p font-p">
                                                <div class="panel-heading app-first-left">
                                                    <p style="margin-top: 10px;" ng-bind="safeState"></p>
                                                </div>
                                            </div>
                                            <div class="col-sm-9 app-p">
                                                <div class="panel-detail">
                                                    <div class="col-sm-12 font-p top-img-div">
                                                        <span>名称：</span><span>镜像安全</span>
                                                        <img src="/statics/img/delete.png" class="delete-img" ng-click="deleteFive()">
                                                    </div>
                                                    <div class="col-sm-12 font-p">
                                                        <img src="/statics/img/clair.png">
                                                    </div>
                                                    <!--<div class="col-sm-12 app-p app-button">-->
                                                        <!--<button class="btn btn-default font-p" style="height: 30px;" ng-click="start($event,7)">启动</button>-->
                                                        <!--<button class="btn btn-default font-p" style="height: 30px;display: none;">停止</button>-->
                                                        <!--<button class="btn btn-default font-p" style="height: 30px;">执行记录</button>-->
                                                    <!--</div>-->
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3 app-arrow">
                                        <!--<div style="margin-bottom: 20px;">
                                            <button class="btn btn-default font-p" style="height: 30px;">提取文件</button>
                                        </div>-->
                                        <div>
                                            <img src="/statics/img/app_arrow.png" style="width: 25px;">
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="list-li">
                                <div class="col-sm-4 app-p">
                                    <div class="col-sm-9 app-p">
                                        <div class="panel panel-default" style="margin-bottom: 20px;">
                                            <div class="col-sm-3 app-p font-p">
                                                <div class="panel-heading app-first-left">
                                                    <p style="margin-top: 10px;" ng-bind="safeState"></p>
                                                </div>
                                            </div>
                                            <div class="col-sm-9 app-p">
                                                <div class="panel-detail">
                                                    <div class="col-sm-12 font-p top-img-div">
                                                        <span>名称：</span><span>推送远程仓库</span>
                                                    </div>
                                                    <div class="col-sm-12">
                                                        <img src="/statics/img/push.png" style="width: 180px;">
                                                    </div>
                                                    <!--<div class="col-sm-12 app-p app-button">-->
                                                    <!--<button class="btn btn-default font-p" style="height: 30px;" ng-click="start($event,7)">启动</button>-->
                                                    <!--<button class="btn btn-default font-p" style="height: 30px;display: none;">停止</button>-->
                                                    <!--<button class="btn btn-default font-p" style="height: 30px;">执行记录</button>-->
                                                    <!--</div>-->
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3 app-arrow">
                                        <!--<div style="margin-bottom: 20px;">
                                            <button class="btn btn-default font-p" style="height: 30px;">提取文件</button>
                                        </div>-->
                                        <div>
                                            <img src="/statics/img/app_arrow.png" style="width: 25px;">
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="list-li" ng-show="addLi">
                                <div class="col-sm-4 app-p">
                                    <div class="col-sm-9 app-p app-create" ng-click="addApp()" style="cursor: pointer;">
                                        <img src="/statics/img/app_create.png">
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </tab>
            <tab select="getData()" ng-controller="appLogCtrl" active="isAppLog">
                <tab-heading class="tab-heading-style">
                    执行记录
                </tab-heading>
                <div class="row pad-10">
                    <div class="col-md-12">
                        <ul class="timeline instrument-tp">
                            <li class="tl-item" ng-repeat="row in eventList">
                                <div class="tl-wrap b-info">
                                    <div class="tl-content" style="width: 90%;">
                                        <span class="font-p" style="margin-right: 50px;" ng-bind="row.eventName"></span>
                                        <span class="font-p" style="margin-right: 150px;" ng-bind="row.eventResult"></span>
                                        <span class="app-quality-time" style="margin-right: 50px;" ng-bind="row.eventTime.time | date:'yyyy-MM-dd HH:mm:ss'"></span>
                                        <span class="app-quality-time" ng-bind=""></span>
                                        <button class="btn btn-primary w-xs m-r" style="float: right;" ng-click="eventLog(row.eventId)">日志</button>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </tab>
            <tab ng-controller="appAnalysisCtrl" active="isAnalysis">
                <tab-heading class="tab-heading-style">
                    质量结果分析
                </tab-heading>
                <div class="row pad-10">
                    <!--<div id="depart1" style="min-height: 187px;"></div>-->
                    <div class="col-md-2" style="height: 400px;">
                        <button class="btn m-b-xs w-xs btn-default" ng-click="showResourse()" style="margin-bottom: 20px">资源管理</button>
                        <button class="btn m-b-xs w-xs btn-default" ng-click="showQuality()" style="margin-bottom: 20px">质量分析</button>
                        <button class="btn m-b-xs w-xs btn-default" ng-click="showSafe()" style="margin-bottom: 20px">安全分析</button>
                    </div>
                    <div class="col-md-10" ng-show="isResourse" style="height: 400px;">
                        <div class="col-md-5">
                            <div id="depart1" style="min-height: 250px;"></div>
                        </div>
                        <div class="col-md-7 app-commit-div">
                            <div>
                                <span class="app-commit-first">admin</span>
                                <span class="app-commit-two">1058@qq.com</span>
                                <span class="app-commit-three">235</span>
                                <span class="app-commit-three">commits:</span>
                            </div>
                            <div>
                                <span class="app-commit-first">admin</span>
                                <span class="app-commit-two">1058@qq.com</span>
                                <span class="app-commit-three">235</span>
                                <span class="app-commit-three">commits:</span>
                            </div>
                            <div>
                                <span class="app-commit-first">admin</span>
                                <span class="app-commit-two">1058@qq.com</span>
                                <span class="app-commit-three">235</span>
                                <span class="app-commit-three">commits:</span>
                            </div>
                            <div>
                                <span class="app-commit-first">admin</span>
                                <span class="app-commit-two">1058@qq.com</span>
                                <span class="app-commit-three">235</span>
                                <span class="app-commit-three">commits:</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-10" ng-show="isQuality">
                        <div style="margin-bottom: 40px;">
                            <span class="app-quality-top">当前分析版本：</span>
                            <span class="app-quality-top" style="margin-right: 20px;">V2.6.4</span>
                            <span class="font-p" style="margin-right: 20px;">V2.6.4分支有更新</span>
                            <span class="app-quality-time">分析时间：</span>
                            <span class="app-quality-time">2017-10-16 15:27:56</span>
                            <button class="btn m-b-xs w-xs btn-default" style="float: right" ng-click="showQuality()">删除分析</button>
                            <button class="btn m-b-xs w-xs btn-default"style="float: right;margin-right: 20px;" ng-click="showQuality()">重新分析</button>
                        </div>
                        <div class="col-md-9 app-p" style="margin-bottom: 35px;">
                            <h4 class="console-title app-quality-info">任务基本信息</h4>
                            <div class="col-md-3 app-p app-quality-value">
                                <span>任务名称：</span>
                                <span>android-app</span>
                            </div>
                            <div class="col-md-3 app-p app-quality-value">
                                <span>检测语言：</span>
                                <span>Java</span>
                            </div>
                            <div class="col-md-3 app-p app-quality-value">
                                <span>检测方式：</span>
                                <span>缺陷检测</span>
                            </div>
                        </div>
                        <div class="col-md-9 app-p" style="margin-bottom: 35px;">
                            <h4 class="console-title app-quality-info">源代码统计信息</h4>
                            <div class="col-md-3 app-p app-quality-value">
                                <span>包大小：</span>
                                <span>45.65M</span>
                            </div>
                            <div class="col-md-3 app-p app-quality-value">
                                <span>文件数：</span>
                                <span>507个</span>
                            </div>
                            <div class="col-md-3 app-p app-quality-value">
                                <span>总行数：</span>
                                <span>300行</span>
                            </div>
                            <div class="col-md-3 app-p app-quality-value">
                                <span>代码行数：</span>
                                <span>300行</span>
                            </div>
                            <div class="col-md-3 app-p app-quality-value">
                                <span>空白行：</span>
                                <span>300行</span>
                            </div>
                            <div class="col-md-3 app-p app-quality-value">
                                <span>注释行：</span>
                                <span>300行</span>
                            </div>
                        </div>
                        <div class="col-md-9 app-p" style="margin-bottom: 35px;">
                            <h4 class="console-title app-quality-info">源代码类型信息</h4>
                            <div class="col-md-3 app-p app-quality-value">
                                <span>JAVA：</span>
                                <span>300行</span>
                            </div>
                        </div>
                        <div class="col-md-9 app-p" style="margin-bottom: 35px;">
                            <h4 class="console-title app-quality-info">缺陷分布图</h4>
                            <div class="col-md-6">
                                <div id="depart3" style="min-height: 200px;"></div>
                            </div>
                            <div class="col-md-6">
                                <div id="depart4" style="min-height: 200px;"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-10" ng-show="isSafe" style="height: 400px;">
                        <div style="margin-bottom: 40px;">
                            <span class="app-quality-top">当前分析版本：</span>
                            <span class="app-quality-top" style="margin-right: 20px;">V2.6.4</span>
                            <span class="font-p" style="margin-right: 20px;">V2.6.4分支有更新</span>
                            <span class="app-quality-time">分析时间：</span>
                            <span class="app-quality-time">2017-10-16 15:27:56</span>
                            <button class="btn m-b-xs w-xs btn-default" style="float: right" ng-click="showQuality()">删除分析</button>
                            <button class="btn m-b-xs w-xs btn-default"style="float: right;margin-right: 20px;" ng-click="showSafe()">重新分析</button>
                        </div>
                        <div class="col-md-3 app-circle">
                            <img src="/statics/img/app_circle.png">
                            <div class="app-circle-in">
                                <p class="app-circle-top">安全指数</p>
                                <span class="app-circle-num">100</span><span class="app-circle-fen">分</span>
                            </div>
                        </div>
                        <div class="col-md-5" style="margin-left: 90px;">
                            <h4 class="app-quality-info">任务基本信息</h4>
                            <div style="margin-bottom: 10px;">
                                <span class="app-circle-top">任务名称：</span>
                                <span class="app-circle-top">android-app</span>
                            </div>
                            <div style="margin-bottom: 10px;">
                                <span class="app-circle-top">检测语言：</span>
                                <span class="app-circle-top">Java/JSP</span>
                            </div>
                            <div style="margin-bottom: 10px;">
                                <span class="app-circle-top">检测方式：</span>
                                <span class="app-circle-top">安全检测</span>
                            </div>
                        </div>
                    </div>
                </div>
            </tab>
        </tabset>
    </div>
</div>